.page{width:99%;height:92vh;overflow:hidden;margin:0 auto;color:#FFFFFF;display:flex;display:-webkit-flex;
justify-content:space-between;-webkit-justify-content:space-between;padding-top:0.11rem;}
.page .typhoon-wrapper{width:3.66rem;height:auto;overflow:hidden;display:flex;display:-webkit-flex;
flex-direction:column;}
.typhoon-wrapper :global(.ant-select-selection--single){height:60px;background:url('../../../images/home/typhoon/select.png')
no-repeat;background-size:100%;background-position:center;border:none;}
.typhoon-wrapper :global(.ant-select-focused .ant-select-selection--single){background:url('../../../images/home/typhoon/select-h.png')
no-repeat;background-size:100%;background-position:center;border:none;outline:none;}
.typhoon-wrapper :global(.ant-select-selection__rendered){line-height:60px;}
.typhoon-wrapper :global(.ant-select-selection-selected-value){position:absolute;left:50%;transform:translate(-50%,0);
font-size:0.16rem;color:#45EED5;}
.typhoon-wrapper :global(.ant-select-arrow){color:#729E9E;right:30%;}
.typhoon-wrapper .typhoon-select{padding-left:0.04rem;}
.typhoon-wrapper .map{width:100%;height:100%;background:url('../../../images/home/typhoon/left-bg.png') no-repeat;
background-size:100% 100%;background-position:center;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}

.page .product-wrapper{width:10.27rem;height:auto;display:flex;display:-webkit-flex;flex-direction:column;}
.page .product-wrapper .product-tabs{width:100%;height:0.5rem;display:flex;display:-webkit-flex;overflow:hidden;
align-items:center;-webkit-align-items:center;justify-content:space-between;-webkit-justify-content:space-between;}
.page .product-wrapper .product-tabs .item{width:1.94rem;height:100%;background:url('../../../images/home/typhoon/square.png') no-repeat;
background-size:100%;background-position:bottom;font-size:0.17rem;text-align:center;line-height:0.4rem;position:relative;color:#E1E1E1;
cursor:pointer;}
.page .product-tabs .item.active{background:url('../../../images/home/typhoon/square-h.png') no-repeat;background-size:100%;
background-position:bottom;color:#3EE0C8;font-size:0.21rem;line-height:0.36rem;}
.page .product-tabs .item.active .arrow{position:absolute;width:100%;height:0.15rem;bottom:-1px;left:0;background:url('../../../images/home/typhoon/arrow.png')
no-repeat;background-size:100%;background-position:center;}

.page .product-wrapper .product-contents{width:100%;height:calc(100% - 0.5rem);display:flex;display:-webkit-flex;
flex-wrap:wrap;-webkit-flex-wrap:wrap;background:url('../../../images/home/typhoon/right-bg.png') no-repeat;background-size:100% 100%;
background-position:center;justify-content:flex-start;-webkit-justify-content:flex-start;padding:0.25rem 0.07rem 0.08rem 0.07rem;}
.page .product-contents .product{width:48%;height:48%;background:rgba(12, 20, 48, 0);border:2px solid #14264A;
box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.56);overflow:hidden;position:relative;margin-left:0.13rem;}
.page .product-contents .product.active{width:97%;height:98%;margin-left:0.15rem;}
.page .product .proTips{position:absolute;top:0.1rem;left:0.11rem;z-index:1;}
.page .product .product-img{width:98%;height:80%;margin:0.5rem auto 0;}
.page .product-contents .product.active .product-img{height:90%;}
.page .product .product-img img{width:100%;height:100%;}
.page .product .fullscreen{width:0.2rem;height:0.2rem;position:absolute;right:4px;top:5px;z-index:1;cursor:pointer;z-index:1;}
.page .fullscreen :global(.anticon:hover){color:#3EE0C8;}
.product .slider{width:auto;height:auto;position:absolute;bottom:3%;left:50%;transform:translate(-50%, 0);
z-index:3;overflow:hidden;display:flex;display:-webkit-flex;}
.product .slider .item{width:0.15rem;height:0.04rem;background-color:#7282A1;margin:0 .015rem;cursor:pointer;}
.product .slider .item.active{width:0.2rem;background-color:#FFFFFF;transition:all .3s;-webkit-transition:all .3s;}

.typhoon-select :global(.ant-select-selection){color: red !important;}